.number {
	height: 140rpx;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto 5rpx;
}

.number-1 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
}

.forbid {
    background-color: #999999 !important;
    color: gray;
}

.number-2 {
    width: 50%;
    font-size: 40rpx;
    display: flex;
    align-items: center;
}

.number .number-grid {
    width: 70rpx;
    height: 100rpx;
    background: #E3E3E3FF;
    font-size: 52rpx;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 5rpx;
}
.number-grid .new-number {
    /* width: 250rpx;
    height: 25rpx; */
    position: absolute;
    font-size: 18rpx;
    color: #ffffff;
    width: 70rpx;
    border-radius: 15rpx;
    font-weight: 200;
    top: -15rpx;
    left: 0rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #4acd4a; */
    background-color: #CFCFCF;
}
.number-grid .new-number-active {
    background-color: #4acd4a !important;
}
.number .number-grid-active {
    background: #00C6FF20;
    border: solid 2rpx #00C6FF;
    border-radius: 5rpx;
    color: rgba(0, 0, 0, .18);
}

.number .number-new {
    width: 70rpx;
    height: 100rpx;
    background: #C2FFC8FF;
    font-size: 20rpx;
    color: #00b400;
    display: flex;
    justify-content: center;
    align-items: center;
}
.car-tatos {
    padding-bottom: 25rpx;
}

.number-3{
    text-align: right;
    width: 20%;
    font-size:26rpx;
}



.carPhone {
    margin: 30rpx;
    font-size: 32rpx;
}

.carPhone .phone {
    display: flex;
    padding-bottom: 22rpx;
    border-bottom: 1rpx solid #e4e4e4;
    margin-bottom: 22rpx;
    
}

.phone-1{
    width: 466rpx;
    margin-left: 60rpx;
}



.carPhone .code {
    display: flex;
    align-items: center;
    padding-bottom: 22rpx;
    border-bottom: 1rpx solid #e4e4e4;
    justify-content: space-between;
}

.code-1{
    width: 300rpx;
}

.carPhone .code .getCode {
    background: #2770FE;
    font-size: 26rpx;
    color: #fff;
    padding: 8rpx;
    border-radius: 16rpx;
}

.parking-confirm-btn {
    background: linear-gradient(45deg, #00C6FF, #0072FF);
    border-radius: 50rpx;
    font-size: 32rpx;
    color: #ffffff;
    margin: 40rpx;
}

.popup-foot {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.popup-foot .cancel {
    font-size: 36rpx;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    color: #999999;
}

.popup-foot .sure {
    font-size: 34rpx;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: 700;
    color: #4240ff;
}

/* 虚拟键盘 */
.keyboard {
    height: auto;
    background: #efefef;
    position: fixed;
    bottom: 0rpx;
    width: 100%;
    left: 0;
    z-index: 9999;
}

.add-top-car {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.add-top-car image {
    width: 47rpx;
    height: 47rpx;
    margin-right: 13rpx;
}
/* 关闭虚拟键盘 */
.keyboardClose {
    height: 70rpx;
    /* background-color: #f7f7f7; */
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}

.keyboardClose_btn {
    /* float: right; */
    line-height: 70rpx;
    font-size: 17px;
    border: none;
    outline: none;
    width: 125rpx;
    text-align: center;
    color: #4474D6;
}

.keyboardClose_btn::after{
   border-top: unset;
    border-bottom: unset;
}

/* 虚拟键盘-省缩写 */

/* 虚拟键盘-行 */
.keyboard-line {
    display: flex;
    align-items: center;
    justify-content: center;
}
.keyboard-item {
    padding-bottom: 25rpx;
}
/* 虚拟键盘-单个按钮 */
.keyboard-btn {
    /* color: #333333; */
    background: #fff;
    /* padding: 10rpx 0; */

    width: 61rpx;
    height: 87rpx;
    box-shadow: 0 2rpx 0 0 #999999;
    border-radius: 10rpx;
    text-align: center;
    margin: 6rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 虚拟键盘-删除按钮 */
.keyboard-del {
    /* position: absolute;
    bottom: 6rpx;
    right: 6rpx; */
    /* background: #A7B0BC; */
    border-radius: 10rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 134rpx;
    height: 110rpx; */
}
.keybard-flex {
    justify-content: center;
}
.keyboard-del-font {
    font-size: 25px;
}

.blinker {
    animation-name: kf-blinker;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-duration: 1s;
    margin-left: 2rpx;
    width: 4rpx;
    height: 60rpx;
    border-radius: 4rpx;
    background: #00000090;
    
}

.confirm-button{
	height: 84rpx;
	background: linear-gradient(135deg, #00C6FF 0%, #0076FF 95%, #0072FF 100%);
	border-radius: 46rpx;
	color: #ffffff;
	font-size: 32rpx;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
}

@keyframes kf-blinker {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}